<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>淘抢购</title>
    <link rel="stylesheet" href="css/style.css">
</head>
<body>
<div class="container">
    <div class="qiang-inner">
        <h3>
            <a href="https://qiang.taobao.com">
                <img src="images/logo.png" alt="">
            </a>
            <div>
                <span id="btn">换一换</span>
                <a class="ss" href="https://qiang.taobao.com/">更多>></a>
            </div>
        </h3>
        <ul class="clearfix">
            <li>
                <a href="#" class="clearfix">
                    <div class="img-wrapper">
                        <img src="" alt="" class="imga">
                    </div>
                    <div class="info">
                        <h4></h4>
                        <p class="title"></p>
                        <div class="progress">
                            <div class="progress-bar" style="width: 10%;"></div>
                        </div>
                        <div class="desc">
                            <span class="span1"></span>
                            <span class="span2"></span>
                        </div>
                        <div class="extra">
                            <span class="yan">￥</span>
                            <span class="cur"></span>
                            <span class="price"></span>
                        </div>
                    </div>
                </a>
            </li>
            <li>
                <a href="#" class="clearfix">
                    <div class="img-wrapper">
                        <img src="" alt="" class="imga">
                    </div>
                    <div class="info">
                        <h4></h4>
                        <p class="title"></p>
                        <div class="progress">
                            <div class="progress-bar"></div>
                        </div>
                        <div class="desc">
                            <span class="span1"></span>
                            <span class="span2"></span>
                        </div>
                        <div class="extra">
                            <span class="yan">￥</span>
                            <span class="cur"></span>
                            <span class="price"></span>
                        </div>
                    </div>
                </a>
            </li>
            <li>
                <a href="#" class="clearfix">
                    <div class="img-wrapper">
                        <img alt="" class="imga" src="">
                    </div>
                    <div class="info">
                        <h4>修正玛珈淫羊藿男性保健品</h4>
                        <p class="title">玛珈淫羊藿缓解疲劳</p>
                        <div class="progress">
                            <div class="progress-bar"></div>
                        </div>
                        <div class="desc">
                            <span class="span1">81%</span>
                            <span class="span2">已抢363件</span>
                        </div>
                        <div class="extra">
                            <span class="yan">￥</span>
                            <span class="cur">179</span>
                            <span class="price">￥299.00</span>
                        </div>
                    </div>
                </a>
            </li>
        </ul>
    </div>
</div>
<script src="js/script.js"></script>
</body>
</html>